

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" charset="utf-8">
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>个人中心</title>
    <div th:replace="commonPage::comLink"></div>
    <style>
        /*背景层*/
        #popLayer {
            display: none;
            background-color: #B3B3B3;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 10;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);/* 只支持IE6、7、8、9 */
        }

        /*弹出层*/
        #popBox {
            display: none;
            background-color: #FFFFFF;
            z-index: 11;
            width: 200px;
            height: 200px;
            position:fixed;
            top:0;
            right:0;
            left:0;
            bottom:0;
            margin:auto;
        }

        #popBox .close{
            text-align: right;
            margin-right: 5px;
            background-color: #F8F8F8;
        }

        /*关闭按钮*/
        #popBox .close a {
            text-decoration: none;
            color: #2D2C3B;
        }

    </style>
</head>
<body>
<div th:replace="commonPage::#loader"></div>
<div th:replace="commonPage::comHeaderMune"></div>

<!-- ================================
    START BREADCRUMB AREA
================================= -->
<section class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-content text-center">
                    <div class="section-heading">
                        <h2 class="section__title">个人中心</h2>
                    </div>
                </div><!-- end breadcrumb-content -->
            </div><!-- end col-lg-12 -->
        </div><!-- end row -->
    </div><!-- end container -->
    <div class="breadcrumb-list">
        <ul class="list-items">
            <li class="active__list-item"><a href="index.html">个人中心</a></li>
            <li>登 录</li>
        </ul>
    </div>
</section><!-- end breadcrumb-area -->

<section class="contact-area padding-top-140px padding-bottom-120px">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 mx-auto">

                <h2 class="section__title">个人中心</h2>

                <form  th:action="@{/updateInfo}" method="post"  enctype="multipart/form-data">
                    <div class="form-group">
                        <label for="userName">用户名</label>
                        <input type="text" class="form-control" name="userName" id="userName" th:value="${session.loginUser.userName}" readonly="readonly">
                    </div>
                    <input type="button" name="popBox" value="身份认证" onclick="popBox()">
                    <div id="popLayer"></div>
                    <div id="popBox">
                        <div class="close">
                            <a href="javascript:void(0)" onclick="closeBox()">关闭</a>
                        </div>
                        <div class="content">
                            这是弹出层
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="gender" >性别</label>
                        <input  class="form-control" name="gender" id="gender" th:value="${session.loginUser.gender}" readonly="readonly">
                    </div>
                    <div class="form-group">
                        <label for="fullName">真实姓名</label>
                        <input type="text" class="form-control" name="fullName" id="fullName"  th:value="${session.loginUser.fullName}" readonly="readonly">
                    </div>
                    <div class="form-group">
                        <label for="telephone">电话</label>
                        <input type="text" class="form-control" name="telephone" id="telephone" th:value="${session.loginUser.telephone}">
                    </div>
                    <div class="form-group">
                        <label for="email">邮箱</label>
                        <input type="text" class="form-control"  name="email" id="email" th:value="${session.loginUser.email}">
                    </div>


                    <div class="form-group">
                        <!--                    <div class="form-group">&ndash;&gt;-->
                        <label >所在城市</label>
                    </div>
<!--                    <select id="province">-->
<!--                        <option value="-1">请选择</option>-->
<!--                    </select>-->
<!--                    <select id="city">-->
<!--                        <option value="-1">请选择</option>-->
<!--                    </select>-->
<!--                    <select id="country">-->
<!--                        <option value="-1">请选择</option>-->
<!--                    </select>-->
                    <div id="province"></div>
                    <script type="text/javascript" src="http://lib.h-ui.net/jquery/1.9.1/jquery.min.js"></script>
                    <script type="text/javascript">
                        /*调用插件*/
                        $(function(){
                            $("#province").ProvinceCity();
                        });
                    </script>
                    <div class="form-group">
                        <label for="imgUrl">修改头像</label>
                        <input type="file" id="imgUrl" name="imgUrl">
                    </div>
                    <button type="submit" class="btn btn-info btn-primary" style="float: right">提交</button>
                </form>
            </div>
        </div><!-- end breadcrumb-content -->
    </div><!-- end col-lg-12 -->
</section><!-- end breadcrumb-area -->
<!-- ================================
    END BREADCRUMB AREA
================================= -->



<div th:replace="commonPage::comFooter">
</div>
<div th:replace="commonPage::comScript">
</div>

</body>
</html>